/* 
    Document   : main
    Created on : 18/05/2013, 12:36:55 PM
    Author     : alumnos
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}

html {
    background: none repeat scroll 0 0 #0064A4;
}

body{
height:95%;
}
a {
        color: #00A851;
}
a:hover {
        text-decoration: none;
}
input, select{
        margin-bottom:3px;
}
#wrap {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0.3em 1em #000000;
    border-top: 5px solid #EE1C24;
    color: #555555;
    font: 1em/1.3 Gill Sans,My Gill Sans,sans-serif;
    margin: 2em 10% 0.8em;
    padding: 0px 20px;
    position: relative;
    min-height: 90%;        
}
#header-all {
    position:relative;
}

h1
{
color:orange;
text-align:center;
}
div.logo
{
    width:270px;
    height:88px;
    padding:0px;
    border:0px;
    background: url("../img/logo_test.jpg") no-repeat scroll center center transparent;
}
div{
    padding-top:1ex;padding-bottom:2ex;
}
#tbl_login{
    border-radius: 2em 2em 2em 2em;
    box-shadow: 0px 0em 10px #888;
    background-image: -moz-linear-gradient(top, #dddddd, #ffffff);
    background-image: -webkit-linear-gradient(top, #dddddd, #ffffff);
    background-color : #EEE;
    border : 1px solid #555555;
    font-size : 12px;
    padding: 5px;
} 

.cnt_form{
    border:1px solid #555555;
    padding:10px 40px; 
    background-image: -moz-linear-gradient(top, #dddddd, #ffffff);
    background-image: -webkit-linear-gradient(top, #dddddd, #ffffff);
    background-color : #EEE;
    border-radius:2em;
    box-shadow: 0px 0em 10px #888;
    font-size : 12px;
    width: 80%;
    margin-top: 10px;    
}
div.tabla
{
	clear: none;
	overflow: auto;
}

div.fila
{
	clear: both;
}
div.col
{
	float: left;
	padding: 5px;
        text-align: left;
}
.login-box .user-label, .login-box .passwd-label {
    -moz-user-select: none;
    display: block;
    font-weight: bold;
    margin: 0 0 0.5em;
}
.login-box {
    margin: 12px 0 0;
    padding: 15px 35px 10px;
}
.login-box div {
    margin: 0 0 2.2em;
}
.login-box h2 {
    font-size: 14px;
    height: 16px;
    line-height: 17px;
    margin: 0 0 1.2em;
    position: relative;
}
.login-box input[type="email"], .login-box input[type="text"], .login-box input[type="password"] {
    direction: ltr;
    font-size: 15px;
    height: 32px;
    width: 100%;
}
#footer {
    background-color: #444444;
    margin: 0em 10% 0em;
    height: 1em;
    padding: 10px 20px;
    box-shadow: 0 0.3em 1em #000000;
    font: italic smaller Gill Sans,My Gill Sans,sans-serif;
    color: white;
}
.cnt-footer{text-align: right;}
.cnt-footer:after{
content: 'Alumno: Víctor Yamunaqué - Curso DEW - Sección D41A';
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
}
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0 none;
}

input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="url"],select,textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-image: none;
    border-radius: 1px 1px 1px 1px;
    border-right: 1px solid #D9D9D9;
    border-style: solid;
    border-width: 1px;
    display: inline-block;  
    margin: 0;
    padding: 0 8px;
}
input, select{height: 29px;}

input[type="email"]:hover, input[type="number"]:hover, input[type="password"]:hover, input[type="tel"]:hover, input[type="text"]:hover, input[type="url"]:hover, select:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    border-image: none;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
select{
    padding: 0;
}

input[type="email"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="url"]:focus, select:focus {
    border: 1px solid #4D90FE;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    outline: medium none;
}
input[type="email"][disabled="disabled"], input[type="number"][disabled="disabled"], input[type="password"][disabled="disabled"], input[type="tel"][disabled="disabled"], input[type="text"][disabled="disabled"], input[type="url"][disabled="disabled"],select[disabled="disabled"] {
    background: none repeat scroll 0 0 #F1F1F1;
    border: 1px solid #E5E5E5;
}
input[type="email"][disabled="disabled"]:hover, input[type="number"][disabled="disabled"]:hover, input[type="password"][disabled="disabled"]:hover, input[type="tel"][disabled="disabled"]:hover, input[type="text"][disabled="disabled"]:hover, input[type="url"][disabled="disabled"]:hover, select:hover {
    box-shadow: none;
}
input[type="email"][readonly="readonly"], input[type="number"][readonly="readonly"], input[type="password"][readonly="readonly"], input[type="text"][readonly="readonly"], input[type="url"][readonly="readonly"], select[readonly="readonly"] {
    border: 1px solid #D9D9D9;
}
input[type="email"][readonly="readonly"]:hover, input[type="number"][readonly="readonly"]:hover, input[type="password"][readonly="readonly"]:hover, input[type="text"][readonly="readonly"]:hover, input[type="url"][readonly="readonly"]:hover, input[type="email"][readonly="readonly"]:focus, input[type="number"][readonly="readonly"]:focus, input[type="password"][readonly="readonly"]:focus, input[type="text"][readonly="readonly"]:focus, input[type="url"][readonly="readonly"]:focus, select[readonly="readonly"]:focus {
    box-shadow: none;
}
input.form-error[type="checkbox"], input.form-error[type="email"], input.form-error[type="number"], input.form-error[type="password"], input.form-error[type="text"], input.form-error[type="tel"], input.form-error[type="url"] {
    border: 1px solid #DD4B39;
}
input[type="checkbox"], input[type="radio"] {
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DCDCDC;
    border-radius: 1px 1px 1px 1px;
    cursor: pointer;
    height: 13px;
    margin: 0;
    position: relative;
    vertical-align: bottom;
    width: 13px;
}
input[type="checkbox"]:active, input[type="radio"]:active {
    background: none repeat scroll 0 0 #EBEBEB;
    border-color: #C6C6C6;
}
input[type="checkbox"]:hover {
    border-color: #C6C6C6;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
}
input[type="radio"] {
    border-radius: 1em 1em 1em 1em;
    height: 15px;
    width: 15px;
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
    background: none repeat scroll 0 0 #FFFFFF;
}
input[type="radio"]:checked:after {
    background: none repeat scroll 0 0 #666666;
    border-radius: 1em 1em 1em 1em;
    content: "";
    display: block;
    height: 7px;
    left: 3px;
    position: relative;
    top: 3px;
    width: 7px;
}
input[type="checkbox"]:checked:after {
    content: url("//ssl.gstatic.com/ui/v1/menu/checkmark.png");
    display: block;
    left: -5px;
    position: absolute;
    top: -6px;
}
input[type="checkbox"]:focus {
    border-color: #4D90FE;
    outline: medium none;
}

.boton-submit,input[type="submit"],input[type="button"] {
    background-color: #0064A4;
    background-image: -moz-linear-gradient(center top , #4D90FE, #4787ED);
    border: 1px solid #3079ED;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.boton-submit:hover,input[type="submit"]:hover,input[type="button"]:hover {
    background-color: #357AE8;
    background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);
    border: 1px solid #2F5BB7;
    color: #FFFFFF;
    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
.boton-submit:active,input[type="submit"]:active,input[type="button"]:active {
    background-color: #357AE8;
    background-image: -moz-linear-gradient(center top , #4D90FE, #357AE8);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}
